// axios基础的封装
// 公用的不同项目是保持一致的那部分
// 1. 实例化  baseURL根域名 timeout超时时间
// 2. 拦截器
// 请求拦截器  统一在请求头中放入token -> 多个接口可以共享token不需要单独配置
// 响应拦截器
// 401 token失效处理
// 当后端接口不以http状态码200-300作为接口成功失败的判断条件 手动判断接口成功还是失败
// 如果sucess为true return response  如果sucess为false return Promiese.reject()

import axios from 'axios'
import store from '@/store'

const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use((config) => {
  // 在发送请求之前做些什么
  // token数据拿到 按照后端要求的格式拼接到请求头中
  const token = store.state.user.profile.token
  config.headers.Authorization = `Bearer ${token}`
  return config
}, (error) => {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use((response) => {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response
}, (error) => {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  return Promise.reject(error)
})

// 需求: 封装一个请求函数
// 任何一个函数三个要求：参数 核心逻辑 返回值
function request (url, method, reqData) {
  // 1. 返回值promsie
  // 2. 组合参数 发送网络请求
  return instance({
    url,
    method,
    // get -> params  post -> data
    [method.toLowerCase() === 'get' ? 'params' : 'data']: reqData
  })
}
// 使用方式
// request('a.com', 'get', { name: 'cp' }).then(res => {
//   console.log(res)
// })

export default request
